<template>
  <a-timeline>
      <template v-for="(item,index) in list" >
          <a-timeline-item :key="index">{{item.title}}</a-timeline-item>
          <a-timeline-item mode="left" :key="artindex+'art'" v-for="(art,artindex) in item.articles">
              <p style="text-align: left;">{{art.content}}</p>
          </a-timeline-item>
      </template>
    
  </a-timeline>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          title: "title1",
          articles: [
            {
              content: "content....12",
            },
            {
              content: "content....2",
            },
            {
              content: "content....3",
            },
          ],
        },
      ],
    };
  },
};
</script>

<style></style>
